<template>
	<!-- 底部内容 -------------------------------------------------------------------------------->
	<footer class="footer">
		<div class="footer_t">
			<div class="wrap">
				<div class="foot_t_le" style="margin-left: 400px;">
					<div class="le">
					</div>
					<div class="re">
						<strong class="fnt_16" style="font-size: 16px; font-weight: normal;">在线预订或电话预订</strong>
						<div class="foot_line"></div>
						<p class="fnt_26" style="font-size: 24px;"><a href="tel:010-81009999">010-81009999</a></p>
					</div>
				</div>
				<div class="foot_t_re" style="margin-right: 400px;">
					<p class="fnt_16">
						<a href="../../pc/about/culture.html" style="font-size: 16px;">公司介绍</a>
						<a href="../../pc/about/business.html" style="font-size: 16px;">招商信息</a>
						<a href="../../pc/other/law.html" style="font-size: 16px;">版权声明</a>
					</p>
					<div class="share">
						<div class="bshare-custom">
							<a class="pic_01" href="javascript:void(0);"></a>
							<a class="pic_02 weixinimg" data-img="../../pc/images/ewm.jpg"
								href="javascript:void(0);"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer_b">
			<div class="wrap">
				<div class="b_le" style="margin-left: 400px;">
					<em style="font-size: 14px;">友情链接：</em>
					<p>
						<a href="http://www.wuzhen.com.cn/" target="_blank"
							style="font-size: 14px; font-weight: normal;">乌镇官网</a>
						<a href="http://www.ewuzhen.com" target="_blank"
							style="font-size: 14px; font-weight: normal;">乌镇预订网</a>
					</p>
				</div>
				<div class="b_re" style="margin-left: -450px;">
					<em style="font-size: 14px; font-weight: normal;">Copyright 北京古北水镇旅游有限公司 版权所有</em>
					<a class="bah" href="https://beian.miit.gov.cn/" target="_blank"
						style="font-size: 14px; font-weight: normal;">京ICP备14008307号-2</a>
					<a target="_blank" href="http://www.beian.gov.cn/">
						<img src="https://gboss.wtown.com/pc/images/gongan.png" style="height: 16px" />
						<span style="color:#939393;">京公网安备11022802181002号</span>
					</a>
					<a class="xhr" href="http://www.xinhongru.com/" target="_blank">网站建设：新鸿儒</a>
				</div>
			</div>
		</div>
	</footer>
</template>

<script>
	export default{
		name:"Footer",
	}
</script>

<style scoped="scoped">
	/* 底部样式开始 */
	.footer {
		background: #343433;
		padding: 50px 0 50px 0;
		border-top: 2px solid #414140;
		margin-top: 40px;
	}

	.footer,
	.footer a {
		color: #a19063;
	}

	.footer_t {
		overflow: hidden;
		border-bottom: 1px solid #474747;
		padding-bottom: 50px;
		margin-bottom: 25px;
	}

	.footer_t .le {
		float: left;
		margin-right: 45px;
	}

	.footer_t .re {
		float: left;
	}

	.footer_t .le a {
		display: block;
		margin-right: 10px;
		float: left;
	}

	.footer_t .le a img {
		border-radius: 4px;
		width: 144px;
	}

	.footer_t a {
		color: #a19063;
	}

	.footer_t .re p,
	.footer_t .re p a {
		color: #9b9b9b;
		font-weight: bold;
		cursor: default;
	}

	.footer_t .re .foot_line {
		width: 96px;
		height: 1px;
		background: #a19063;
		margin: 8px 0;
		margin-bottom: 10px;
	}

	.footer_t .foot_t_re p {
		text-align: right;
		margin-bottom: 20px;
		color: #a19063;
	}

	.footer_t .foot_t_re p a {
		padding: 0 20px;
		background: url(https://gboss.wtown.com/pc/images/footer_line.jpg) no-repeat right center;
	}

	.footer_t .foot_t_re p a:last-child {
		border: 0;
		padding-right: 0;
		background: none;
	}

	.share {
		overflow: hidden;
	}

	.bshare-custom {
		overflow: hidden;
		float: right;
	}

	.bshare-custom a {
		width: 36px !important;
		height: 30px !important;
		padding: 0 !important;
		margin-left: 15px !important;
		display: inline-block;
	}

	.pic_01 {
		background: url(https://gboss.wtown.com/pc/images/share_01.png) no-repeat center center;
	}

	.pic_02 {
		background: url(https://gboss.wtown.com/pc/images/share_02.png) no-repeat center center;
	}

	.pic_03 {
		background: url(https://gboss.wtown.com/pc/images/share_03.png) no-repeat center center;
	}

	.pic_04 {
		background: url(https://gboss.wtown.com/pc/images/share_04.png) no-repeat center center;
	}

	.footer_b {
		overflow: hidden;
		font-size: 12px;
	}

	.footer_b .b_le,
	.footer_b .b_re {
		float: left;
		margin-left: -1px;
		width: 50%;
	}

	.footer_b .b_le {
		overflow: hidden;
		line-height: 24px;
	}

	.footer_b .b_le em {
		font-size: 12px;
		float: left;
		margin-right: 20px;
	}

	.footer_b .b_le p {
		float: left;
	}

	.footer_b .b_le p a {
		color: #fff;
		margin-right: 30px;
	}

	.b_re {
		text-align: right;
	}

	.b_re,
	.b_re a {
		color: #989898;
	}

	.bah {
		padding: 0 25px;
	}

	/* 底部样式结束 */
</style>
